<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	</h:head>		
	
	<h:body>
		<ui:composition template="/WEB-INF/facelets/template.xhtml">	
		<ui:define name="body">	
		<f:view>
			<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>               
			<p:dialog modal="true" widgetVar="statusDialog" header="Loading"  draggable="false" closable="false">  
   				<p:graphicImage value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />   
			</p:dialog>
			<h:form id="formDialog">
				<p:messages id="msg" showDetail="true"/>
				<p:growl id="men"/>
					<p:panel id="panelRoles" header="Roles">							
						<h:panelGrid columns="2" id="panelGrid" >
												 	<h:outputText id="msgIdRol" value="IdRol"/>
						 	<p:inputText id="txtIdRol" binding="#{rolesView.txtIdRol}">
						 		<p:ajax update="panelRoles,msg,panelBotones" listener="#{rolesView.listener_txtId}"/>
						 	</p:inputText>	
																		
													<h:outputText id="msgEstadoRegistro" value=" EstadoRegistro"/>
							<p:inputText id="txtEstadoRegistro" disabled="true" binding="#{rolesView.txtEstadoRegistro}"/>
													<h:outputText id="msgNombreRol" value=" NombreRol"/>
							<p:inputText id="txtNombreRol" disabled="true" binding="#{rolesView.txtNombreRol}"/>
													<h:outputText id="msgUsuarioCreador" value=" UsuarioCreador"/>
							<p:inputText id="txtUsuarioCreador" disabled="true" binding="#{rolesView.txtUsuarioCreador}"/>
													<h:outputText id="msgUsuarioUltimaModificacion" value=" UsuarioUltimaModificacion"/>
							<p:inputText id="txtUsuarioUltimaModificacion" disabled="true" binding="#{rolesView.txtUsuarioUltimaModificacion}"/>
												
																				<h:outputText id="msgFechaCreacion" value=" FechaCreacion"/>
														<p:calendar showOn="button" navigator="true" locale="en" 
							binding="#{rolesView.txtFechaCreacion}" >
								<p:ajax event="dateSelect" listener="#{rolesView.listener_txtFechaCreacion}"  />
							</p:calendar>
														<h:outputText id="msgFechaUltimaModificacion" value=" FechaUltimaModificacion"/>
														<p:calendar showOn="button" navigator="true" locale="en" 
							binding="#{rolesView.txtFechaUltimaModificacion}" >
								<p:ajax event="dateSelect" listener="#{rolesView.listener_txtFechaUltimaModificacion}"  />
							</p:calendar>
																	   </h:panelGrid>
				</p:panel>
	   			<p:panel id="panelBotones">
					<div align="center">					
						<p:commandButton id="btnSave" binding="#{rolesView.btnSave}" disabled="true" value="Save" action="#{rolesView.action_save()}" update="panelRoles,msg,panelBotones" />
						<p:commandButton id="btnDelete" binding="#{rolesView.btnDelete}" disabled="true" value="Delete" action="#{rolesView.action_delete_master()}" onclick="if(!confirm('Do you really want to delete this Entry?')){return false;}" update="panelRoles,msg,panelBotones" />
						<p:commandButton id="btnClear" value="Clear" action="#{rolesView.action_clear()}" update="panelRoles,msg,panelBotones" />
					</div>
				</p:panel>			
			</h:form>
		</f:view>
			</ui:define>		
		</ui:composition>	
	</h:body>	
</html>	